<template>
  <div>
    <!-- 面包屑导航 -->
    <el-breadcrumb>
      <el-breadcrumb-item>
        <i class="el-icon-s-home"></i>
        首页
      </el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 头部导航 -->
    <div class="tab">
      <router-link to="/home">
        <i class="el-icon-arrow-left" style="font-size: 20px; font-weight: bold; color: #000;"></i>
      </router-link>
      <p style="font-size: 14px; font-weight: bold;margin-left: 20px;">一键上传商品</p>
    </div>
    <!-- 主体 -->
    <div class="content">
      <div style="padding: 20px 50px;">
        <div class="kuan">
          <p>批量上传</p>
          <p>功能介绍:使用excel快速导入进行商品上传</p>
          <p>如重复导入数据将以最新导入数据为准，请谨慎使用</p>
          <p style="margin: 40px 0px;">数据导入订单状态自动修改为已上架</p>
          <p style="margin: 40px 0px;">一次导入的数据不要太多,大量数据请分批导入,建议在服务器负载低的时候进行</p>
          <p>使用方法</p>
          <p style="margin-bottom: 40px;">1.下载Excel模板文件并录入信息</p>
          <p>2.上传Excel导入</p>
        </div>
        <div class="lin1">
          <p style="margin-right: 20px;margin-top: 6px;">Excel</p>
          <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" 
            :file-list="fileList">
            <el-button type="info" plain size="small">点击上传</el-button>
            
          </el-upload>
        </div>
        <div class="lin2">
          <el-button type="primary" size="small">确认导入</el-button>
          <el-button type="warning" size="small">下载Excel模板</el-button>
          <el-button type="danger" size="small">取消</el-button>
        </div>
      </div>


    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      fileList:[],
    }
  },
  methods: {

  }
}
</script>
<style scoped>
.lin2{
  display: flex;
  width: 30%;
  justify-content: space-between;
}
.lin1 {
  display: flex;
  padding: 40px;
}

.kuan p {
  margin-bottom: 20px;
}

.kuan {
  width: 683px;
  padding: 18px 23px;
  height: 400px;
  border: 1px solid rgba(187, 187, 187, 1);
}

.content {
  width: 100%;
  height: 100%;
  font-size: 14px;
}

.tab {
  padding: 20px 40px;
  display: flex;
}
</style>